.detail-chart {
	margin: 1.5rem 0;
	background-color: var(--color-bg);

	.head {
		display: flex;
		align-items: center;
		padding: 1rem 1.5rem;

		.title {
			display: flex;
			align-items: center;
			font-size: var(--text-sm);

			.label {
				margin: 0;
			}

			.detect-time {
				display: flex;
				align-items: center;
				padding-left: 1rem;

				.date {
					padding-left: 0.25rem;
					color: var(--color-text-2);
					font-size: var(--text-xs);
				}
			}

			.protocol {
				display: flex;
				align-items: center;

				.text {
					padding: 0 0.5rem;
				}
			}
		}

		.select-container {
			flex: 1;
		}
	}

	.content {
		padding: 1.75rem 1.5rem;
		min-height: 24rem;
		display: flex;

		.pie,
		.table {
			flex: 1;
		}
	}

	.category {
		border-top: 1px solid var(--color-border-2);
	}
}
